<!DOCTYPE html>
<html lang="zxx" class="no-js" th:lang="${lang}" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="img/fav.png" th:href="@{/img/fav.png}"/>
    <!-- Author Meta -->
    <meta name="author" content="" th:content="${author}"/>
    <!-- Meta Description -->
    <meta name="description" content="" th:content="${description}"/>
    <!-- Meta Keyword -->
    <meta name="keywords" content="" />
    <!-- meta character set -->
    <meta charset="UTF-8" />
    <!-- Site Title -->
    <title>远程文件浏览器-播放视频</title>
    <!--
        CSS
        =============================================
      -->
    <link rel="stylesheet" th:href="@{${cssHref}}" th:each="cssHref:${cssHrefList}">
</head>

<body>
<!-- ================ Start Header Area ================= -->
<header class="default-header">
    <nav class="navbar navbar-expand-lg  navbar-light">
        <div class="container">
            <a class="navbar-brand" href="index.html" th:href="@{${navs.home.link}}">
                <img src="img/logo.png" alt="" th:src="@{${logo}}"/>
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="lnr lnr-menu"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li><a href="index.html" th:href="@{${navs.home.link}}" th:text="${navs.home.name}">Home</a></li>
                    <li><a href="about.html" th:href="@{${navs.about.link}}" th:text="${navs.about.name}">About</a></li>
                    <li><a href="courses.html" th:href="@{${navs.browse.link}}" th:text="${navs.browse.name}">Browse</a></li>
                    <!-- Dropdown -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            Pages
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="elements.html">Elements</a>
                            <a class="dropdown-item" href="course-details.html">Course Details</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            Blog
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="blog-home.html">Blog Home</a>
                            <a class="dropdown-item" href="blog-single.html">Blog Details</a>
                        </div>
                    </li>
                    <li><a href="contacts.html">Contacts</a></li>

                    <li>
                        <button class="search">
                            <span class="lnr lnr-magnifier" id="search"></span>
                        </button>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="search-input" id="search-input-box">
        <div class="container">
            <form class="d-flex justify-content-between">
                <input type="text" class="form-control" id="search-input" placeholder="Search Here" />
                <button type="submit" class="btn"></button>
                <span class="lnr lnr-cross" id="close-search" title="Close Search"></span>
            </form>
        </div>
    </div>
</header>
<!-- ================ End Header Area ================= -->
<div style="width: 100%; height: 83.09px; background-color: #212529">

</div>
<div id="main">
    <div class="container">
        <div class="row">
            <video class="col-lg-12" src="">
                <source src="//v" type="video/mp4">
                <p th:src="@{'/resource/'+ ${file.id}}">
                    请允许浏览器允许JavaScript
                    <a href="https://videojs.com/html5-video-support/" target="_blank">
                        supports HTML5 video
                    </a>
                </p>
            </video>
        </div>
    </div>
</div>
<!--================ End Course Details Area =================-->

<script src="" th:src="@{${scriptSrc}}" th:each="scriptSrc: ${scriptSrcList}"></script>
<script>
    var player = videojs('my-player');
</script>
</body>

</html>